
.light-theme {
  $light-color: #488AFF;
  ion-content {
    background-color: #f4f4f7;
    color: #8a4182;
  }

  .toolbar-title {
    color: #fff;
  }

  .header .toolbar-background {
    background-color: $light-color;
  }

  .toolbar-background-md{
    background-color: $light-color;
  }

  .tabs-md {
    .tab-button {
      //color: gray;
      //background-color: #488AFF;
    }
    .tab-button[aria-selected="true"] {
      color: $light-color;
      .tab-button-icon {
        color: $light-color;
      }
    }
    .tab-button-icon {
      //color: gray;
    }
  }

  .bar-button{
    color:#fff;
  }

  .theme-icon {
    color: $light-color;
  }

  .theme-button-bg{
    background-color: $light-color;
  }

}
